<template>
  <div>
    <div class="popS">流行搜索</div>
    <div v-for="item in arr3" :key="item">
        <div class="popsreach">{{item}}</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr3: [
        "烤鱼烤箱",
        "鸡蛋豆腐",
        "八爪鱼",
        "油爆虾",
        "红薯粉",
        "木耳菜",
        "鸭腿",
        "贝果",
        "冬瓜海带汤",
        "外貌协会",
      ],
    };
  },
};
</script>

<style  scoped>

.popS{
    font-size: 18px;
    color: rgb(156, 154, 154);
    margin-bottom: 10px;
}
.popsreach{
    font-size: 13px;
    margin-bottom: 15px;
    cursor: pointer;
}
.popsreach:hover{
    color: brown;
}
</style>